<!DOCTYPE html>
<html>

<head>
    <style>
         ul>li{
             border: 1px black solid;
         }

         ul>li>ol>li{
             background-color: #eee;
         }

         ul>li>ol>li>ol>li{
             border: 1px black dashed;
         }

         ul>li:first-child,ul>li>ol>li:first-child,ul>li>ol>li>ol>li:first-child{
            font-weight: bold;
            border-bottom: 2px red solid;
            color: white;
            background-color: #000;
         }

         ul>li>ol>li>ol>li:last-child{
             font-style: italic;
             background-color: #000;
             color: white;
         }
    </style>
</head>

<body>
    <ul>
        <li>第一层列表第一项
            <ol>
                <li>第二层列表第一项</li>
                <li>第二层列表第二项</li>
                <li>第二层列表第三项
                    <ol>
                        <li>第三层列表第一项</li>
                        <li>第三层列表第二项</li>
                        <li>第三层列表第三项</li>
                    </ol>
                </li>
                <li>第三层列表第四项</li>
            </ol>
        </li>
        <li>第一层列表第二项</li>
        <li>第一层列表第三项</li>
    </ul>
</body>

</html>